<!DOCTYPE html>
<html class="wide wow-animation" lang="en">

<head>
    <!-- Site Title-->
    <title>Home</title>
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="utf-8">
    <!-- Stylesheets-->
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/fonts.css">
    <link rel="stylesheet" href="css/style.css">

</head>

<body>
    <!-- Page-->
    <div class="page">
        <!-- Page Header-->
        <header class="page-head">
            <!-- RD Navbar-->
            <div class="rd-navbar-wrap">
                <nav class="rd-navbar rd-navbar-classic" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-static" data-lg-device-layout="rd-navbar-static" data-xl-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-static" data-lg-stick-up-offset="120px" data-xl-stick-up-offset="120px" data-xxl-stick-up-offset="120px" data-lg-stick-up="true" data-xl-stick-up="true" data-xxl-stick-up="true" data-stick-up-clone="true">
                    <div class="rd-navbar-inner">
                        <!-- RD Navbar Panel-->
                        <div class="rd-navbar-panel">
                            <!-- RD Navbar Brand with logo position adjustment -->
                            <a class="rd-navbar-brand" href="index.html">
                                <div class="brand-logo" style="width: 60px; height: 60px; margin-right: 10px;">
                                    <img src="images/logo.png" alt="App Logo" style="width: 100%; height: 100%;">
                                </div>
                                <div class="brand-name"><span class="text-white font-weight-bold">We Learning</span><span></span></div>
                            </a>
                            <!-- RD Navbar Toggle-->
                            <button class="rd-navbar-toggle" data-rd-navbar-toggle=".rd-navbar-nav-wrap"><span></span></button>
                        </div>
                        <div class="rd-navbar-nav-wrap">
                            <!-- RD Navbar Nav-->
                            <ul class="rd-navbar-nav">
                                <li class="active"><a href="index.html">主页</a>
                                    <!-- RD Navbar Dropdown-->
                                </li>
                                <li><a href="download.html">下载</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </nav>
            </div>
        </header>
        <!-- Page Content-->
        <main class="page-content">
            <!-- Welcome-->
            <section class="section-top-30 section-md-top-66 bg-accent">
                <div class="container">
                    <div class="row row-30 justify-content-md-center align-items-md-center flex-md-row-reverse">
                        <div class="col-md-6">
                            <div class="section-sm-bottom-10 section-md-bottom-90">
                                <div class="brand-inline h2"><span class="text-white font-weight-bold">WE LEARNING</span><span></span></div>
                                <h3>欢迎各位</h3>
                                <p class="big">接下来随着我的脚步进入WE LEARNING!</p>

                            </div>
                        </div>
                        <div class="col-md-3">


                            <figure><img src="images/1.jpg" alt="" width="300" height="100" />

                            </figure>
                        </div>
                    </div>
                </div>
            </section>

            <section class="section-top-30 section-md-top-66 bg-accent">
                <div class="container">
                    <div class="row row-30 justify-content-md-center align-items-md-center flex-md-row-reverse">
                        <div class="col-md-6">
                            <div class="section-sm-bottom-10 section-md-bottom-90">
                                <div class="brand-inline h2"><span class="text-white font-weight-bold">WE LEARNING</span><span></span></div>
                                <h2>答疑界面</h2>
                                <p class="big">小程序分为答题和个人两部分，目前在答疑部分，我们目前提供数学和英语的学习。</p>

                            </div>
                        </div>
                        <div class="col-md-3">


                            <figure><img src="images/2.jpg" alt="" width="300" height="100" />

                            </figure>
                        </div>
                    </div>
                </div>
            </section>
            
            
            <section class="section-top-30 section-md-top-66 bg-accent">
                <div class="container">
                    <div class="row row-30 justify-content-md-center align-items-md-center flex-md-row-reverse">
                        <div class="col-md-6">
                            <div class="section-sm-bottom-10 section-md-bottom-90">
                                <div class="brand-inline h2"><span class="text-white font-weight-bold">WE LEARNING</span><span></span></div>
                                <h2>个人界面</h2>
                                <p class="big">个人界面主要是个人的头像和昵称,同时我们提供学习的记录。</p>

                            </div>
                        </div>
                        <div class="col-md-3">


                            <figure><img src="images/3.jpg" alt="" width="300" height="100" />

                            </figure>
                        </div>
                    </div>
                </div>
            </section>
            
            
            <section class="section-top-30 section-md-top-66 bg-accent">
                <div class="container">
                    <div class="row row-30 justify-content-md-center align-items-md-center flex-md-row-reverse">
                        <div class="col-md-6">
                            <div class="section-sm-bottom-10 section-md-bottom-90">
                                <div class="brand-inline h2"><span class="text-white font-weight-bold">WE LEARNING</span><span></span></div>
                                <h2>数学界面</h2>
                                <p class="big">对于数学，我们提供一到三年级的题目，可以选择收藏题目，同时错题会保存下来,当掌握后可以移除。</p>

                            </div>
                        </div>
                        <div class="col-md-3">


                            <figure><img src="images/4.jpg" alt="" width="300" height="100" />

                            </figure>
                        </div>
                    </div>
                </div>
            </section>
            
            
            <section class="section-top-30 section-md-top-66 bg-accent">
                <div class="container">
                    <div class="row row-30 justify-content-md-center align-items-md-center flex-md-row-reverse">
                        <div class="col-md-6">
                            <div class="section-sm-bottom-10 section-md-bottom-90">
                                <div class="brand-inline h2"><span class="text-white font-weight-bold">WE LEARNING</span><span></span></div>
                                <h2>数学做题界面</h2>
                                <p class="big">右上角是收藏标志，在做题时可以提前退出，同时作答只需将结果填入框格中。</p>

                            </div>
                        </div>
                        <div class="col-md-3">


                            <figure><img src="images/7.jpg" alt="" width="300" height="100" />

                            </figure>
                        </div>
                    </div>
                </div>
            </section>
            
            
            <section class="section-top-30 section-md-top-66 bg-accent">
                <div class="container">
                    <div class="row row-30 justify-content-md-center align-items-md-center flex-md-row-reverse">
                        <div class="col-md-6">
                            <div class="section-sm-bottom-10 section-md-bottom-90">
                                <div class="brand-inline h2"><span class="text-white font-weight-bold">WE LEARNING</span><span></span></div>
                                <h2>英语界面</h2>
                                <p class="big">可以选择词汇难度，同时提供收藏功能和一个趣味小游戏。</p>

                            </div>
                        </div>
                        <div class="col-md-3">


                            <figure><img src="images/5.jpg" alt="" width="300" height="100" />

                            </figure>
                        </div>
                    </div>
                </div>
            </section>
            
            
            <section class="section-top-30 section-md-top-66 bg-accent">
                <div class="container">
                    <div class="row row-30 justify-content-md-center align-items-md-center flex-md-row-reverse">
                        <div class="col-md-6">
                            <div class="section-sm-bottom-10 section-md-bottom-90">
                                <div class="brand-inline h2"><span class="text-white font-weight-bold">WE LEARNING</span><span></span></div>
                                <h2>英语学习界面</h2>
                                <p class="big">当遇到熟悉的单词的可以选择我认识，当遇到陌生的单词时，选择不认识，会提供相应的注释。</p>

                            </div>
                        </div>
                        <div class="col-md-3">


                            <figure><img src="images/8.jpg" alt="" width="300" height="100" />

                            </figure>
                        </div>
                    </div>
                </div>
            </section>
            
            
             <section class="section-top-30 section-md-top-66 bg-accent">
                <div class="container">
                    <div class="row row-30 justify-content-md-center align-items-md-center flex-md-row-reverse">
                        <div class="col-md-6">
                            <div class="section-sm-bottom-10 section-md-bottom-90">
                                <div class="brand-inline h2"><span class="text-white font-weight-bold">WE LEARNING</span><span></span></div>
                                <h2>小游戏界面</h2>
                                <p class="big">在玩该游戏前可以选择单词长度，猜测单词，共有6次机会。</p>

                            </div>
                        </div>
                        <div class="col-md-3">


                            <figure><img src="images/6.jpg" alt="" width="300" height="100" />

                            </figure>
                        </div>
                    </div>
                </div>
            </section>    
            
            
             <section class="section-top-30 section-md-top-66 bg-accent">
                <div class="container">
                    <div class="row row-30 justify-content-md-center align-items-md-center flex-md-row-reverse">
                        <div class="col-md-6">
                            <div class="section-sm-bottom-10 section-md-bottom-90">
                                <div class="brand-inline h2"><span class="text-white font-weight-bold">WE LEARNING</span><span></span></div>
                                <h3>小游戏通过界面</h3>
                                <p class="big">当字母为绿色时，表示该位置填写正确，当字母为黄色时，表示该字母是该单词的一部分，只是位置出错，当字母为灰色时，表示填写错误。</p>

                            </div>
                        </div>
                        <div class="col-md-3">


                            <figure><img src="images/gametest.jpg" alt="" width="300" height="100" />

                            </figure>
                        </div>
                    </div>
                </div>
            </section> 



            
           
        </main>
        <!-- Page Footer-->
        <footer class="page-foot bg-gray-darker">
            <div class="container text-center">
                <div class="row row-25">
                    <div class="col-sm-12"> </div>

                </div>
            </div>
        </footer>
    </div>
    <!-- Global Mailform Output-->
    <div class="snackbars" id="form-output-global"></div>
    <!-- Javascript-->
    <script src="js/core.min.js"></script>
    <script src="js/script.js"></script>
</body>

</html>